<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Venta Repuestos</title>

        <!--[if lt IE 9]>
         <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
          <![endif]-->
        
        <script language="javascript" type="text/javascript" src="js/funciones.js"></script>
        <style type="text/css">
            <!--
            body {
                background: -ms-linear-gradient(left top , #364e7d, #1a3078 1000px);/* IE 10+ */ 
	background: -webkit-linear-gradient(left top , #364e7d, #1a3078 1000px);/* FF 3.6+ */ 
	background: -o-linear-gradient(left top , #364e7d, #1a3078 1000px);/* Safari 5.1+, Chrome 10+ */ 
	background: linear-gradient(left top , #364e7d, #1a3078 1000px);/* ESTILO ESTANDAR */	
                
            }
            -->
        </style>
        <link href="css/xom.css" rel="stylesheet" type="text/css">

        <script src="free_validation.js"></script>
        <script>
            required.add('Full_Name', 'NOT_EMPTY', 'Full Name');
            required.add('Email_Address', 'EMAIL', 'Email Address');
            required.add('Your_Message', 'NOT_EMPTY', 'Your Message');
        </script>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"><style type="text/css">
            <!--
            a:link {
                color: #D2D2D2;
                text-decoration: none;
            }
            a:visited {
                text-decoration: none;
                color: #FCFCFC;
            }
            a:hover {
                text-decoration: underline;
            }
            a:active {
                text-decoration: none;
                color: #E9E9E9;
            }
            -->
        </style>
    </head>
    <body>
        <!--Start wrapper -->
        <div class="containerWrap">
            <!--start header -->
            <div class="header">
                <!--start logo -->
                <div class="logo">
                    <h1>★Venta de Repuestos y Servicios</h1>
                </div><!--end logo -->
                <!--start navigation -->
                
                <div id="nav">  
                    <li class="current"><a href="index.html">Casa</a></li>
                    
                    <li><a href="#">Ventas</a>
                   <ul>
                      <li><a href="javascript:void(0)" onClick="from('1','area','Formulario_factura.php')">Vender Repuesto</a></li>
                    
                    <li><a href="#">Vender Servicio</a></li>
                     <li><a href="#">Cotizar Repuesto</a></li>
                     <li><a href="#">Cotizar Servicio</a></li>
                   </ul>
                    </li>
                    <li><a href="Menu_Inventario.php">Inventario</a></li>
                    <li><a href="Menu_Planilla.php">Planilla</a></li>
                    <li><a href="Menu_Empleados.php">Empleados</a>
                      
                    
                    </li>
                    <li><a href="#">Login</a>
                        <ul>
                            <li><a href="#">Iniciar Sesion</a></li>
                            <li><a href="#">Agregar Usuario</a></li>
                               
                               
                        </ul>
                    </li>
                    <li><a href="#">Salir</a></li>
                </div> 
                <!--end navigation -->
                
                    
                    <div id="area" >
                        
                     
                    
                   
                 
                    
                        <!--contact form -->
                        <!--end contact form -->
                    </div><!--start article -->
                
            </div>
            <!--start footer -->  
         <!--    <footer>
               <div class="top"> 
                    
                </div>
                <div class="footerWrapper" id="footercontent">
                    <li><a href="#">Home Page</a></li> 
                   
                    <p><li>Ingenieria Del Software UNAH II periodo 2014 </p>
                </div>  
            </footer> -->
        </div>
        <!--end wrapper -->
        <!-- Free template distributed by http://freehtml5templates.com -->
    </body>
</html>
<script type="text/ecmascript">
function genera_tabla() {
  // Obtener la referencia del elemento body
  var body = document.getElementsByTagName("body")[0];
 
  // Crea un elemento <table> y un elemento <tbody>
  var tabla   = document.createElement("table");
  var tblBody = document.createElement("tbody");
 
  // Crea las celdas
  for (var i = 0; i < 1; i++) {
    // Crea las hileras de la tabla
    var hilera = document.createElement("tr");
 
   
      // Crea un elemento <td> y un nodo de texto, haz que el nodo de
      // texto sea el contenido de <td>, ubica el elemento <td> al final
      // de la hilera de la tabla
    
	   var celda = document.createElement("td");
	   celda.width="140";
		
       var campo= document.createElement("input");
	  campo.type="button";
	  campo.value="Buscar";
	  celda.appendChild(campo);
      hilera.appendChild(celda);
	  
	   var celda = document.createElement("td");
	   celda.width="122";
      var campo= document.createElement("input");
	    campo.placeholder="Codigo";
	  campo.type="text";
	  campo.size="13";
      celda.appendChild(campo);
      hilera.appendChild(celda);
	  
	  var celda = document.createElement("td");
	   celda.width="41";
      var campo= document.createElement("input");
	  campo.type="image";
	  campo.src="images/loading.gif";
	  campo.width="30";
	  campo.style.visibility="hidden";
	   campo.height="30";
      celda.appendChild(campo);
      hilera.appendChild(celda);
 
 
 var celda = document.createElement("td");
	   celda.width="387";
      var campo= document.createElement("input");
	
	  campo.type="text";
	  campo.size="50";
	   campo.maxlength="50" 
	   campo.readOnly="readOnly";
      celda.appendChild(campo);
      hilera.appendChild(celda);
	  
	   var celda = document.createElement("td");
	   celda.width="118";
      var campo= document.createElement("input");
	  campo.type="text";
	  campo.size="10";
	  
	   campo.maxlength="10" 
      celda.appendChild(campo);
      hilera.appendChild(celda);
	  
	     var celda = document.createElement("td");
	   celda.width="175";
      var campo= document.createElement("input");
	  campo.type="text";
	  campo.size="10";
	  campo.readOnly="readOnly";
	   campo.maxlength="10" 
      celda.appendChild(campo);
      hilera.appendChild(celda);
	  
	  
    // agrega la hilera al final de la tabla (al final del elemento tblbody)
    tblBody.appendChild(hilera);
  }
 
  // posiciona el <tbody> debajo del elemento <table>
  tabla.appendChild(tblBody);
  // appends <table> into <body>
  document.getElementById("grid").appendChild(tabla);
  // modifica el atributo "border" de la tabla y lo fija a "2";
  tabla.setAttribute("border", "2");
}

</script>
